<extend name="Base/common"/>
<block name="body">

<link href="__CSS__/shop-default.css" rel="stylesheet">  
<link href="__CSS__/store.css?{:time()}" rel="stylesheet">
  <div class="mobile_navbar_fixed">
    <div class="mobile_header_l">
      <div class="left-bars fl"><i class="icon icon-list1" id="store_category" style="cursor: pointer;"></i></div>
        {$data.store_name}
        <div class="left-bars fr right-bars" style="cursor: pointer;">
            <i class="icon icon-home" onclick="window.location.href='/'" style="cursor: pointer;"></i>
        </div>
    </div>
  </div>

  <div id="leftcontrol">
    <ul style="width: 100%;height: 100vh;background-color: #fff;padding: 0 20px 0 0;">
      <li class="navitem active" style="width:100%"><a class="transform" href="{:U('Store/search',array('store_id'=>$store_id))}" style="display: inline-block; width: 98%"><span class="circle transform"></span>全部商品</a>
      <i class="icon arrow icon-arrow-right"></i>
      </li>
        <volist name="selist" id="vo">
            <li class="navitem">
                <a class="transform" href="{:U('Store/search',array('cid'=>$vo['id'],'store_id'=>$store_id))}" style="display: inline-block; width: 98%"><span class="circle transform"></span>{:get_short($vo['name'],20,'')}</a>
                <i class="icon arrow icon-arrow-right"></i>
            </li>
        </volist>
      <li class="navitem">
      </li>
    </ul>
    <div class="back-fixd"></div>
  </div>
  <!--广告-->
  <div class="content" style="padding-bottom:0;overflow:hidden;width:100%;">
    <div id="slider" class="swipeSlide">
      <ul>
      <volist name="slideLists" id="vo">
        <li><a href="{$vo.urls}"><img src="{:(get_cover($vo['slides'],'path'))}"></a></li>
      </volist>
      </ul>
      <div class="dot slider-indicators">
       <volist name="slideLists" id="vo">
          <span class=""></span>
       </volist>
      </div>
    </div>
    </div>

    <!--推荐-->
    <div class="bacgff">
      <div class="shop_header">
        <p class="shop_title">热门推荐</p>
        <p class="shop_subtitle">hot Dress</p>
      </div>
      <div class="sho_hot">
          <if condition="$hot_num elt 2">
            <div class="swiper-wrapper" id="">
          <else/>
            <div class="swiper-wrapper" id="J_advers">
          </if>
          <ul class="">
            <foreach name="hotList" item="vo" key='k'>
              <if condition='$k%2 eq 1 || $k == 0'>
                <li>
              </if>
                <div class="shop_swiper">
                  <a href="{:U('Item/detail', array('id' => $vo['id']))}">
                  <img src="{:get_image_thumb(get_cover($vo['thumb'],'path'), 193, 210)}" class="lazy" alt=""></a>
                  <div class="info">
                    <a href="{:U('Item/detail', array('id' => $vo['id']))}" class="name">{$vo.name}</a>
                    <p class="price"> <span class=" "><em class="yen">¥</em>{$vo.price}</span> </p>
                  </div>
                </div>
              <if condition='$k % 2 eq 0 || $k eq count($hotList)'>      
                </li> 
              </if>
            </foreach>
          </ul>
        </div>
      </div>
    </div>
    <div class="shop_header">
      <p class="shop_title">所有商品</p>
      <p class="shop_subtitle">all Dress</p>
    </div>
    <div class="shop_cont">
      <ul class="shop_item" id="Z_load_itemlist">
          <notempty name="item_lists">
              <include file="itemLists"/>
          </notempty>
      </ul>
    </div>
  </div>
  <!-- 内容区域e -->
</block>
<block name="script">
    <script type="text/javascript">
        seajs.use(['common','store','index'], function(common,store,index){
            var url = "{:U('/Store/itemLists',array('store_id' => $store_id))}";
            common.loadmore(url);
        });
        var a = '{$_hasmore}';
        C.has_more =  '{$_hasmore}';
    </script>
    </block>
</block>
